<div [@routerTransition]>
    <div class="m-content" [busyIf]="primengTableHelper.isLoading">
        <div class="row">
            <div [ngStyle]="{ width: _tree == '1' ? '25%' : '2%' }" class="row m-portlet" style="margin-right: -5px">
                <div style="width:93%" *ngIf="_tree == '1'" #treediv>
                    <codeitems-tree
                        #ouCodeItemsTree
                        (ouSelected)="ouSelected($event)"
                        stocktype="工装"
                        (ouallSelected)="ouallSelected($event)"
                        id="codetree"
                    ></codeitems-tree>
                </div>
                <div #btndiv>
                    <button
                        #btnleft
                        (click)="showHide()"
                        type="button"
                        class="btn "
                        style="max-width:15px;padding:0.65rem 0.4rem;background-color: white;margin-top:250px"
                    >
                        <i class="fa fa-chevron-left" style="margin-left: -4px;" *ngIf="_tree == '1'"></i>
                        <i class="fa fa-chevron-right" style="margin-left: -4px;" *ngIf="_tree == '0'"></i>
                    </button>
                </div>
            </div>

            <div [ngStyle]="{ 'max-width': _tree == '1' ? '75%' : '98%' }" #stockBase>
                <stock-tooling-base-field
                    #ouStockBase
                    canedit="{{ _edit }}"
                    stocktype="工装"
                    (modalSelect)="rowselected($event)"
                ></stock-tooling-base-field>
            </div>
        </div>
    </div>
    <!-- <div *ngIf="_tree == '0'">
        <mark-base-field #ouStockBase canedit="{{ _edit }}" (modalSelect)="rowselected($event)"></mark-base-field>
    </div> -->
</div>
